<template>
  <div class="content-one">
    {{oneInfo}}
  </div>
</template>

<script setup lang="ts">
import { onMounted, watch, ref } from 'vue';
onMounted(() => {

})

const props = defineProps({
  oneInfo: {
    type: String,
    default: () => '',
  },
})
const oneInfo=ref('')
watch(()=>props.oneInfo,(newVal)=>{
  oneInfo.value=newVal;
})

</script>

<style scoped lang="less">
.content-one {
width: 95%;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
font-weight: 7000;
height: 300px;
}
</style>
